<html lang="en">
<!--
  Created using jsbin.com
  Source can be edited via http://jsbin.com/EXIMiHI/1/edit
--><head><script src="https://s.ytimg.com/yts/jsbin/www-widgetapi-vflXx2oJO.js" async=""></script>
    <meta charset="utf-8">
    <title>lolihopper</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="A free, open source synchtube replacement">
    <meta name="author" content="Calvin 'calzoneman' Montgomery">

    <link href="./assets/css/bootstrap.css" rel="stylesheet">
    <link href="./assets/css/bootstrap-responsive.css" rel="stylesheet">
    <link href="./assets/css/ytsync.css" rel="stylesheet" id="defaultcss">
    <link href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet">
    <style>
      body {
        padding-top: 60px;
      }

      @media (max-width: 979px) {
        body {
          padding-top: 0!important;
        }
      }
    </style>
  <style type="text/css"></style><style type="text/css" id="chancss">body {
background-color: #222222;
}
#currenttitle {
color: #FFFFFF;
}
#messagebuffer{
background-color: #666666;
}
#userlist{
background-color: #666666;
}
#body{
color: #FFFFFF;
}
#chatline{
background-color: #777777;
}
#usercountwrap{
background-color: #555555;
}
#videowrap{
background-color: #555555;
}
#playlistrow{
background-color: #555555;
}
#playlisttogglewrap{
background-color: #666666;
}
#librarytoggle{
background-color: #666666;
}
.well{
background-color: #666666;
}
.btn {
background: linear-gradient(#666666,#666666);
text-shadow: 1px 1px 1px #666666; 
}
#plmeta{
background-color: #868686;
}
.queue_entry {
background-color: #868686;
}
a {
color: #FFFFFF;
}
</style>
<style id="jsbin-css">

</style>
</head>
  <body>
    <div class="wrapper">
      <!-- begin navbar -->
      <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
          <div class="container">
            <a class="brand" href="index.html">Synchtu.be</a>
            <ul class="nav">
              <li class="active"><a href="index.html">Home</a></li>
              <li><a href="https://github.com/calzoneman/sync/wiki/Beginner%27s-Guide-and-FAQ" target="_blank">Help</a></li>
              <li><a href="account.html" target="_blank">Account</a></li>
              <li><a href="javascript:void(0)" id="optlink">Options</a></li>
              <li><a href="javascript:void(0)" id="chatonly">Chat Only</a></li>
            </ul>
            <div class="navbar-form pull-right" id="loginform" style="display: none;">
              <input type="text" id="guestname" placeholder="Name">
              <button class="btn" id="guestlogin">Guest Login</button>
              <button class="btn" id="login">Login/Register</button>
            </div>
            <div class="navbar-form pull-right" id="logoutform" style="">
              <span id="welcome">Logged in as Lolihopper</span>
              <button class="btn" id="logout">Logout</button>
            </div>
          </div>
        </div>
      </div>
      <!-- end navbar -->
      <!-- begin main page -->
      <div class="container" id="mainpage">
        <!-- top row (MOTD, drink count) -->
        <div class="row-fluid" id="toprow">
          <div class="well" id="motdwrap">
            <button class="close pull-right" id="togglemotd"><i class="icon-minus" title="Show/Hide MOTD"></i></button>
            <button class="close pull-right" id="editmotd" style=""><i class="icon-file" title="Edit MOTD"></i></button>
            <div id="motd">Emotes are here until I figure out what the fuck i'm doing.<br>:smile: <img src="http://www.skype-emoticons.com/images/emoticon-00100-smile.png"> :yay: <img src="http://www.skype-emoticons.com/images/emoticon-00102-bigsmile.png"> :cry: <img src="http://www.skype-emoticons.com/images/emoticon-00106-crying.png"> :yes: <img src="http://www.skype-emoticons.com/images/emoticon-00148-yes.png"> :no: <img src="http://www.skype-emoticons.com/images/emoticon-00149-no.png"> :sad: <img src="http://www.skype-emoticons.com/images/emoticon-00101-sadsmile.png">  :wink: <img src="http://www.skype-emoticons.com/images/emoticon-00105-wink.png"> :tongue: <img src="http://www.skype-emoticons.com/images/emoticon-00110-tongueout.png"> :kiss: <img src="http://www.skype-emoticons.com/images/emoticon-00109-kiss.png"> :stop: <img src="http://www.myemoticons.com/emoticons/images/msn/signs/stop_sign.gif"> :heart: <img src="http://www.skype-emoticons.com/images/emoticon-00152-heart.png"></div>
          </div>
          <div id="drinkbar" style="display: none;">
            <h1 id="drinkcount"></h1>
          </div>
        </div>
        <!-- announcement area -->
        <div class="row-fluid" id="announcements">
        </div>
        <!-- main row -->
        <div class="row" id="main">
          <div class="span12" id="main-outer">
            <div class="row" id="main-inner">
              <!-- chat container -->
              <div class="span7" id="videowrap">
                <!-- current video display -->
                <p id="currenttitle">Nothing playing</p>
                <!-- video frame -->
                <div id="ytapiplayer" width="670" height="376">
                </div>
              </div><div class="span5" id="chatwrap">
                <!-- user count -->
                <div id="usercountwrap">
                  <i class="icon-chevron-up pull-left pointer" id="userlisttoggle" title="Show/Hide Userlist"></i>
                  <span id="usercount" class="pointer">2 connected users</span>
                  <span id="adminflair" class="pull-right label label-default pointer" style="display: none;">A</span>
                  <span id="modflair" class="pull-right label pointer label-success" style="">M</span>
                </div>
                <!-- userlist -->
                <div id="userlist" style="float: right; height: 345px;">
                <div class="userlist_item"><span><i class="icon-time"></i></span><span class="userlist_owner" style="font-style: italic;">Lolihopper</span><div class="user-dropdown" style="display: none;"><strong>Lolihopper</strong><br><button class="btn btn-mini btn-block">Ignore User</button><button class="btn btn-mini btn-block">Give Leader</button><button class="btn btn-mini btn-block">Kick</button><button class="btn btn-mini btn-block">Name Ban</button><button class="btn btn-mini btn-block">IP Ban</button></div></div><div class="userlist_item"><span><i class="icon-time"></i></span><span class="userlist_guest" style="font-style: italic;">reddu</span><div class="user-dropdown" style="display: none;"><strong>reddu</strong><br><button class="btn btn-mini btn-block">Ignore User</button><button class="btn btn-mini btn-block">Give Leader</button><button class="btn btn-mini btn-block">Kick</button><button class="btn btn-mini btn-block">Name Ban</button><button class="btn btn-mini btn-block">IP Ban</button></div></div></div>
                <!-- message buffer -->
                <div id="messagebuffer" style="height: 345px;">
                <div class="server-msg-reconnect">Connected</div><div><span class="timestamp">[22:11:11] </span><span><strong class="username">reddyy: </strong></span><span>rerearasf</span></div><div><span class="timestamp">[22:13:35] </span><span class="userlist_owner"><strong class="username">Lolihopper: </strong></span><span><img src="http://www.skype-emoticons.com/images/emoticon-00106-crying.png"></span></div><div><span class="timestamp">[22:19:01] </span><span>i want to add more emotes</span></div><div><span class="timestamp">[22:19:10] </span><span>but i dont want to flood the top of the page</span></div><div><span class="timestamp">[22:19:27] </span><span>i need to figure out how to move that to under the chat/page</span></div><div><span class="timestamp">[22:24:06] </span><span><strong class="username">reddu: </strong></span><span>asdfasdf</span></div><div class="nick-highlight"><span class="timestamp server-whisper">[22:28:05] </span><span class="server-whisper">Lolihopper joined (aliases: Lolihopper, afdsfsd)</span></div></div>
                <!-- chat input -->
                <input type="text" id="chatline" maxlength="240" class="span5">
              </div>
              <!-- video container -->
              
            </div>
          </div>
        </div>
        <!-- playlist row -->
        <div class="row" id="playlistrow">
          <div class="span12" id="playlist-outer">
            <div class="row" id="playlist-inner">
              <!-- left pane - Library + user playlists -->
              <div class="span7" id="rightpane-outer">
                <div class="row-fluid" id="rightpane-inner">
                  <!-- account for left pane having the poll buffer -->
                  <div class="span12" id="qualitywrap">
                    <div class="btn-group">
                      <a class="btn btn-small dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)">Quality: Auto<span class="caret"></span></a>
                      <ul class="dropdown-menu">
                        <li><a id="quality_auto" href="javascript:void(0)">Quality: Auto</a></li>
                        <li><a id="quality_240p" href="javascript:void(0)">240p</a></li>
                        <li><a id="quality_360p" href="javascript:void(0)">360p</a></li>
                        <li><a id="quality_480p" href="javascript:void(0)">480p</a></li>
                        <li><a id="quality_720p" href="javascript:void(0)">720p</a></li>
                        <li><a id="quality_1080p" href="javascript:void(0)">1080p</a></li>
                      </ul>
                    </div>
                    <button class="btn btn-small" id="mediarefresh">Refresh Media</button>
                  </div>
                  <!-- electric boogaloo -->
                  <div class="span12" id="queue_align2"></div>
                  <!-- playlist controls -->
                  <div class="well well-small span12 row-fluid" id="playlisttogglewrap" style="">
                  <div class="span12 pointer" id="playlisttoggle">
                    <i class="icon-plus pull-left"></i>
                    <p>Show Playlist Controls</p>
                  </div>
                  <div id="playlist_controls">
                    <div class="span8">
                      <input type="text" id="mediaurl" class="input-block-level" placeholder="Media URL">
                    </div>
                    <div class="span4 btn-group">
                      <button class="btn" id="queue_next">Next</button>
                      <button class="btn" id="queue_end">End</button>
                    </div>
                    <div class="span12">
                        <button id="customembed_btn" class="btn btn-block" style="">Custom Embed</button>
                        <div id="customembed_entry" style="display: none;">
                            Paste the embed code below and hit Next or End.  Acceptable embed codes are <code>&lt;iframe&gt;</code> and <code>&lt;object&gt;</code> tags.
                            <textarea rows="3" class="input-block-level" id="customembed_code"></textarea>
                            <input type="text" class="input-block-level" id="customembed_title" placeholder="(Optional) Title">
                        </div>
                        <br>
                    </div>
                    <div id="extended_controls" class="span12">
                      <button class="btn btn-block" id="clearplaylist" style="">Clear Playlist</button>
                      <button class="btn btn-block" id="shuffleplaylist" style="">Shuffle Playlist</button>
                    </div>
                  </div>
                  </div>
                  <div class="btn-group span12">
                      <button class="btn" style="width: 46%" id="voteskip">Voteskip</button>
                      <button class="btn" style="width: 46%" id="getplaylist">Get Playlist URLs</button>
                      <button class="btn btn-danger" style="width: 8%" id="qlockbtn" title="Playlist Locked">
                        <i class="icon-lock"></i>
                      </button>
                  </div>
                  <!-- queuefail area -->
                  <div id="queuefail" class="span12">
                    
                  </div>
                  <!-- video queue -->
                  <ul class="span12 videolist ui-sortable queue_sortable" id="queue"></ul>
                  <div class="span12" id="plmeta">
                    <span id="plcount">0 items</span>
                    <span id="pllength">00:00</span>
                  </div>
                </div>
              </div><div class="span5" id="leftpane-outer">
                <div class="row-fluid" id="leftpane-inner">
                  <!-- new poll controls -->
                  <div class="span12" id="pollbtnwrap">
                      <button class="btn btn-small" id="newpollbtn" style="">New Poll</button>
                  </div>
                  <!-- poll container -->
                  <div class="span12" id="pollwrap">
                  </div>
                  <!-- library search -->
                  <div class="well well-small span12 row-fluid">
                  <div class="span12 pointer" id="librarytoggle">
                    <i class="icon-plus pull-left"></i>
                    <p>Show Library/YouTube Search</p>
                  </div>
                  <div id="librarywrap">
                    <div class="span7" id="querywrap">
                      <input type="text" id="library_query" class="input-block-level" placeholder="Search Query">
                    </div>
                    <div class="span5 btn-group" id="searchbtns">
                      <button class="btn" id="library_search">Library</button>
                      <button class="btn" id="youtube_search">YouTube</button>
                    </div>
                    <ul class="span12 videolist" id="library">
                    </ul>
                  </div>
                  </div>
                  <!-- user playlists -->
                  <div class="well well-small span12 row-fluid" id="userpltogglewrap" style="">
                  <div class="span12 pointer" id="userpltoggle">
                    <i class="icon-plus pull-left"></i>
                    <p>Show Playlist Manager</p>
                  </div>
                  <div id="userplaylistwrap">
                    <div class="span7">
                      <input type="text" id="userpl_name" class="input-block-level" placeholder="Playlist Name">
                    </div>
                    <div class="span5">
                      <button class="btn btn-block" id="userpl_save">Save Playlist</button>
                    </div>
                    <ul class="span12" id="userpl_list">
                    </ul>
                  </div>
                  </div>
                </div>
              </div>
              <!-- right pane - channel playlist -->
              
            </div>
          </div>
          <!-- moderator controls -->
          <!-- there has got to be a better way to nest this -->
          <div class="span12" id="channelsettingswrap3" style="display: block;">
            <div class="well" id="channelsettingswrap2">
              <div class="row-fluid" id="channelsettingswrap"><script src="/assets/js/channelsettings.js"></script>
<button id="hide_settings" class="pull-right close">×</button>
<div class="btn-group dropup">
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="javascript:void(0)">
        <span id="csdropdown_title">JS Editor</span>
        <span class="caret"></span>
    </a>
    <ul class="dropdown-menu" id="channelsettings_nav">
        <li id="optedit_tab"><a href="javascript:void(0);" id="show_optedit">Channel Options</a></li>
        <li id="permedit_tab"><a href="javascript:void(0);" id="show_permedit">Permissions</a></li>
        <li id="motdedit_tab"><a href="javascript:void(0);" id="show_motdedit">MOTD Editor</a></li>
        <li id="filteredit_tab"><a href="javascript:void(0);" id="show_filteredit">Chat Filters</a></li>
        <li id="cssedit_tab"><a href="javascript:void(0);" id="show_cssedit">CSS Editor</a></li>
        <li id="jsedit_tab"><a href="javascript:void(0);" id="show_jsedit">JS Editor</a></li>
        <li id="banlist_tab"><a href="javascript:void(0);" id="show_banlist">Ban List</a></li>
        <li id="channelranks_tab"><a href="javascript:void(0);" id="show_channelranks">Channel Ranks</a></li>
        <li id="loginhistory_tab"><a href="javascript:void(0);" id="show_loginhistory">Recent Connections</a></li>
        <li id="chanlog_tab"><a href="javascript:void(0);" id="show_chanlog">Channel Log</a></li>
    </ul>
</div>
<hr>

<div id="optedit" class="span12" style="display: none;">
    <form class="form-horizontal" action="javascript:void(0)">
        <!-- prevent chat flood -->
        <div class="control-group">
            <label class="control-label" for="opt_chat_antiflood">Prevent Chat Flood</label>
            <div class="controls">
                <input type="checkbox" id="opt_chat_antiflood">
            </div>
        </div>
        <!-- chat flood burst -->
        <div class="control-group">
            <label class="control-label" for="opt_chat_antiflood_burst" title="The number of messages someone can send with no restriction before the rate limit is applied"># of messages allowed before throttling</label>
            <div class="controls">
                <input type="text" id="opt_chat_antiflood_burst">
            </div>
        </div>
        <!-- chat flood sustained -->
        <div class="control-group">
            <label class="control-label" for="opt_chat_antiflood_sustained" title="The number of messages (after the burst is exceeded) per second a non-moderator can send"># of messages allowed per second (sustained)</label>
            <div class="controls">
                <input type="text" id="opt_chat_antiflood_sustained">
            </div>
        </div>
        <!-- convert URLs to links -->
        <div class="control-group">
            <label class="control-label" for="opt_enable_link_regex">Convert URLs in chat to links</label>
            <div class="controls">
                <input type="checkbox" id="opt_enable_link_regex">
            </div>
        </div>
        <!-- voteskip toggle -->
        <div class="control-group">
            <label class="control-label" for="opt_allow_voteskip">Allow Voteskip</label>
            <div class="controls">
                <input type="checkbox" id="opt_allow_voteskip">
            </div>
        </div>
        <!-- voteskip ratio -->
        <div class="control-group">
            <label class="control-label" for="opt_voteskip_ratio">Voteskip Ratio</label>
            <div class="controls">
                <input type="text" id="opt_voteskip_ratio" placeholder="0.5">
            </div>
        </div>
        <!-- max video length -->
        <div class="control-group">
            <label class="control-label" for="opt_maxlength">Maximum Video Length</label>
            <div class="controls">
                <input type="text" id="opt_maxlength" placeholder="HH:MM:SS">
            </div>
        </div>
        <!-- auto afk -->
        <div class="control-group">
            <label class="control-label" for="opt_afktimeout">Auto AFK Delay (0 to disable)</label>
            <div class="controls">
                <input type="text" id="opt_afktimeout" placeholder="0">
            </div>
        </div>
        <hr>
        <strong>Admin-Only Controls</strong>
        <!-- page title -->
        <div class="control-group">
            <label class="control-label" for="opt_pagetitle">Page Title</label>
            <div class="controls">
                <input type="text" id="opt_pagetitle" placeholder="CyTube">
            </div>
        </div>
        <!-- password -->
        <div class="control-group">
            <label class="control-label" for="opt_password">Password (blank to disable)</label>
            <div class="controls">
                <input type="text" id="opt_password">
            </div>
        </div>
        <!-- external CSS -->
        <div class="control-group">
            <label class="control-label" for="opt_externalcss">External CSS</label>
            <div class="controls">
                <input type="text" id="opt_externalcss" placeholder="Stylesheet URL">
            </div>
        </div>
        <!-- external JS -->
        <div class="control-group">
            <label class="control-label" for="opt_externaljs">External Javascript</label>
            <div class="controls">
                <input type="text" id="opt_externaljs" placeholder="Script URL">
            </div>
        </div>
        <!-- show publicly -->
        <div class="control-group">
            <label class="control-label" for="opt_show_public">List Channel Publicly</label>
            <div class="controls">
                <input type="checkbox" id="opt_show_public">
            </div>
        </div>
        <!-- unregister -->
        <div class="control-group" id="chanopts_unregister_wrap">
            <label class="control-label" for="chanopts_unregister">Unregister</label>
            <div class="controls">
                <button class="btn btn-danger" id="chanopts_unregister">Unregister Channel</button>
            </div>
        </div>
        <!-- submit -->
        <button class="btn btn-primary" id="chanopts_submit">Save</button>
    </form>
</div>
<br>

<div id="permedit" class="span12" style="display: none;"><form class="form-horizontal" action="javascript:void(0)"><fieldset><h3>Open playlist permissions</h3><div class="control-group"><label class="control-label">Add to playlist</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0" selected="selected">Guest</option><option value="1">Registered</option><option value="1.5">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Add/move to next</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0" selected="selected">Guest</option><option value="1">Registered</option><option value="1.5">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Move playlist items</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5" selected="selected">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Delete playlist items</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5">Leader</option><option value="2" selected="selected">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Jump to video</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5" selected="selected">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Queue playlist</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5" selected="selected">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><hr><h3>General playlist permissions</h3><div class="control-group"><label class="control-label">Add to playlist</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0" selected="selected">Guest</option><option value="1">Registered</option><option value="1.5">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Add/move to next</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0" selected="selected">Guest</option><option value="1">Registered</option><option value="1.5">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Move playlist items</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5" selected="selected">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Delete playlist items</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5">Leader</option><option value="2" selected="selected">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Jump to video</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5" selected="selected">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Queue playlist</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5" selected="selected">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Queue livestream</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5" selected="selected">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Embed custom media</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5">Leader</option><option value="2">Moderator</option><option value="3" selected="selected">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Exceed maximum media length</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5">Leader</option><option value="2" selected="selected">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Add nontemporary media</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5">Leader</option><option value="2" selected="selected">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Temp/untemp playlist item</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5">Leader</option><option value="2" selected="selected">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Shuffle playlist</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5">Leader</option><option value="2" selected="selected">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Clear playlist</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5">Leader</option><option value="2" selected="selected">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><hr><h3>Polls</h3><div class="control-group"><label class="control-label">Open/Close poll</label><div class="controls"><select><option value="1.5" selected="selected">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Vote</label><div class="controls"><select><option value="-1" selected="selected">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">View hidden poll results</label><div class="controls"><select><option value="-1">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5" selected="selected">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Voteskip</label><div class="controls"><select><option value="-1" selected="selected">Anonymous</option><option value="0">Guest</option><option value="1">Registered</option><option value="1.5">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><hr><h3>Moderation</h3><div class="control-group"><label class="control-label">Mute users</label><div class="controls"><select><option value="1.5" selected="selected">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Kick users</label><div class="controls"><select><option value="1.5" selected="selected">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Ban users</label><div class="controls"><select><option value="2" selected="selected">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Edit MOTD</label><div class="controls"><select><option value="2">Moderator</option><option value="3" selected="selected">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Edit chat filters</label><div class="controls"><select><option value="2">Moderator</option><option value="3" selected="selected">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><hr><h3>Misc</h3><div class="control-group"><label class="control-label">Drink calls</label><div class="controls"><select><option value="1.5" selected="selected">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><div class="control-group"><label class="control-label">Chat</label><div class="controls"><select><option value="0" selected="selected">Guest</option><option value="1">Registered</option><option value="1.5">Leader</option><option value="2">Moderator</option><option value="3">Channel Admin</option><option value="1000000">Nobody</option></select></div></div><button class="btn btn-primary">Save</button></fieldset></form></div>
<div id="motdedit" class="span12" style="display: none;">
    <strong>Notice:</strong>
    The MOTD can now be edited in-place by clicking the small page icon next to the minus/plus icon.  This editor is left in place for legacy purposes.
    <textarea rows="10" id="motdtext"></textarea>
    <button class="btn btn-primary" id="save_motd">Save</button>
</div>
<div id="filteredit" class="span12" style="display: none;">
    <p>Filters will be processed in the order that they are listed here.  Click and drag a row to rearrange the order.  Click a regex, flags, or replacement field to edit a filter.  Changes are automatically saved when you finish editing.</p>
    <strong>Add Filter</strong>
    <form class="form-horizontal" action="javascript:void(0)">
        <div class="control-group">
            <label class="control-label" for="newfilter_name">
                Name
            </label>
            <div class="controls">
                <input type="text" id="newfilter_name">
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="newfilter_regex">
                Regex
            </label>
            <div class="controls">
                <input type="text" id="newfilter_regex">
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="newfilter_flags">
                Flags
            </label>
            <div class="controls">
                <input type="text" id="newfilter_flags" value="g">
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="newfilter_replace">
                Replacement
            </label>
            <div class="controls">
                <input type="text" id="newfilter_replace">
            </div>
        </div>
        <div class="control-group">
            <label class="control-label" for="newfilter_filterlinks">
                Filter Links
            </label>
            <div class="controls">
                <input type="checkbox" id="newfilter_filterlinks">
            </div>
        </div>
        <div class="control-group">
            <div class="controls">
                <button class="btn btn-primary" id="newfilter_submit">New Filter</button>
            </div>
        </div>
    </form>
    <table class="table table-striped table-condensed">
        <thead>
            <tr>
                <th>Delete</th>
                <th>Name</th>
                <th>Regex</th>
                <th>Flags</th>
                <th>Replacement</th>
                <th>Affects Links</th>
                <th>Active</th>
            </tr>
        </thead>
    </table>
    <p>Multi-Filter Editor (format: name regex flags replacement).  Only use this if you know what you are doing</p>
    <textarea id="multifiltereditor" class="input-block-level" rows="10"></textarea>
    <button class="btn btn-primary" id="multifiltersubmit">Add/Update</button>
</div>
<div id="cssedit" class="span12" style="display: none;">
    <p>Max 20KB.  If you need more space, host the file externally and use the External CSS option</p>
    <textarea rows="10" id="csstext"></textarea>
    <button class="btn btn-primary" id="save_css">Save</button>
</div>
<div id="jsedit" class="span12" style="display: block;">
    <p>Max 20KB.  If you need more space, host the file externally and use the External JS option</p>
    <textarea rows="10" id="jstext"></textarea>
    <button class="btn btn-primary" id="save_js">Save</button>
</div>
<div id="banlist" class="span12" style="display: none;">
    <table class="table table-striped">
        <thead>
            <tr>
                <th>Unban</th>
                <th>IP</th>
                <th>Name</th>
                <th>Aliases</th>
                <th>Banned By</th>
            </tr>
        </thead>
    </table>
</div>
<div id="loginhistory" class="span12" style="display: none;">
    <table class="table table-striped">
        <thead>
            <tr>
                <th>Name</th>
                <th>Aliases</th>
                <th>Time</th>
            </tr>
        </thead>
    </table>
</div>
<div id="channelranks" class="span12" style="display: none;">
    <table class="table table-striped">
        <thead>
            <tr>
                <th>Name</th>
                <th>Rank (click to edit)</th>
            </tr>
        </thead>
    </table>
</div>
<div id="chanlog" class="span12" style="display: none;">
    <button class="btn" id="chanlog_refresh">Refresh</button>
    <br>
    <br>
    <strong>Filter Log:</strong>
    <form class="form-inline" action="javascript:void(0)">
      <label class="checkbox" for="filter_all">Everything
        <input type="checkbox" id="filter_all" checked="checked">
      </label>
      <label class="checkbox" for="filter_chat">Chat
        <input type="checkbox" id="filter_chat">
      </label>
      <label class="checkbox" for="filter_polls">Polls
        <input type="checkbox" id="filter_polls">
      </label>
      <label class="checkbox" for="filter_queue">Playlist actions
        <input type="checkbox" id="filter_queue">
      </label>
      <label class="checkbox" for="filter_bans">Bans
        <input type="checkbox" id="filter_bans">
      </label>
      <label class="checkbox" for="filter_channelsettings">Channel settings
        <input type="checkbox" id="filter_channelsettings">
      </label>
      <label class="checkbox" for="filter_joinquit">Join/Quit Messages
        <input type="checkbox" id="filter_joinquit">
      </label>
    </form>
    <pre id="chanlog_contents" style="max-height: 400px; overflow-y: scroll"></pre>
</div>
</div>
            </div>
          </div>
        </div>
        <div class="row" id="resizewrap">
          <div class="span5"></div>
          <div class="span7" id="videowidth"></div>
        </div>
        </div>
        </div>
      
    <div class="push"></div>
    <div id="sitefooter"><p style="text-align: center"></p>
</div>
  
  <div id="footer">
    <p class="muted">
    Mah dick <a href="https://github.com/calzoneman/sync">GitHub</a>&nbsp;·
    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&amp;business=5Y7PUVVGVSEWG&amp;lc=US&amp;item_name=CyTube&amp;currency_code=USD&amp;bn=PP%2dDonationsBF%3abtn_donate_SM%2egif%3aNonHosted">Donate</a>
    </p>

  </div>

  <script src="./assets/js/jquery.js"></script>
  <script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <!-- My Javascript -->
  <script src="./assets/js/data.js"></script>
  <script src="./assets/js/iourl.js"></script>
  <script src="./assets/js/player.js"></script>
  <script src="./assets/js/notwebsocket.js"></script>
  <script src="./assets/js/paginator.js"></script>
  <script src="./assets/js/util.js"></script>
  <script src="./assets/js/ui.js"></script>
  <script src="./assets/js/callbacks.js"></script>
  <!-- APIs -->
  <script defer="" src="https://www.youtube.com/iframe_api"></script>
  <script defer="" src="//api.dmcdn.net/all.js"></script>
  <script defer="" src="./assets/js/jwplayer.js"></script>
  <script defer="" src="./assets/js/sc.js"></script>
  <script defer="" src="./assets/js/froogaloop.min.js"></script>
  <script defer="" src="./assets/js/swf.js"></script>
  <!-- Third party -->
  <script src="./assets/js/bootstrap.js"></script>
  <script src="./assets/js/bootstrap-transition.js"></script>
  <script src="./assets/js/bootstrap-modal.js"></script>

  

<script>

</script>
</body></html>